<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/vue.js"></script>
</head>
<body>
<!--这里是MVVM中的View-->
    <div id="app">
    <!-- 以前的方式<button onclick="alert('didi')">按钮</button> -->

    <!--两种方式-->
    <!-- <button v-on:click='myfn'>按钮</button> -->
    <button @click='myfn'>按钮</button>
</div>
<script>
//这里是MVVM中的View Model
    let vue = new Vue({
    el: '#app',
//这里是MVVM中的Model
    data: {
        
    },
    methods:{
       myfn(){
           alert('didi')
       }
    }

    });
</script>
</body>
</html>